
/*************************** Mise en page globale ***************************/
body
{
	background-color: rgb(191,191,191);/*gris fonc� +*/
	margin: 0; /*par d�faut on met tout a zero*/
	padding: 0; /*par d�faut on met tout a zero*/
}

#global
{
	width:990px;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: white;	
}

/*************************** Mise en page texte par d�faut ***************************/

p , li, h1, fieldset, textarea, h2, div
{
	font-family: Verdana, Arial, sans-serif;
}

h1
{
	font-size: 110%;
}
p
{
	margin:0;
	padding:0;
}

/*************************** Mise en page generale du middle bloc ***************************/

#middle
{
	margin:0;
	padding: 0;
	background-color: rgb(242,242,242);/*gris clair*/	
}



#corps
{
	background-color: white;
	width: 620px;
	margin-left:180px;
	padding: 5px;
	min-height: 610px;
}




#intro_index
{
	width: 550px;
	margin: auto;
	font-size: 105%;	
}

#intro_index p
{
	margin: 5px 5px;
}

#intro_index .index_bienvenue
{
	font-size: 120%;
	margin: 20px 5px 20px 5px;
}

.ul_check
{
	margin: 10px 5px;
	list-style-image: url("./question/check.png");
}

.index_blue
{
	color: rgb(0,112,192);/*bleu*/
}
.index_orange
{
	color: rgb(255,180,0);/*orange*/
}
.index_greeny
{
	color: rgb(4,221,4);/*vert*/	
}
.index_black
{

}
.index_orange_export
{
	color: rgb(255,180,0);/*orange*/
	font-weight: bold;
	font-size: 130%;
}
.legend_index_img
{
	font-size: 80%;
	text-align: justify;
	vertical-align: middle;
	color:black;
	padding : 10px 20px 10px 10px;
}

#buttonszone_index
{
	background-color: rgb(242,242,242);/*gris clair*/		
	width:400px;
	height: 120px;
	margin: auto;
	margin-top: 20px;
	
	border-radius: 8px;/*KO IE dans tous les cas*/
	-webkit-border-radius: 8px;/*pour marcher sur d'ancien navigateur, besoin de prefixer*/
	-moz-border-radius: 8px;/*pour marcher sur d'ancien navigateur, besoin de prefixer*/
}

	
#buttonszone_index  td
{
	width: 120px;
}

#buttonszone_int_index
{
	width:360px;
	height: 120px;
	margin: auto;
}

.img_index, #buttonszone_int_index a, .button_index, #buttonszone_index h1
{
	margin: auto;
	text-align: center;	
	/*vertical-align: middle;
	border: solid 1px black;*/
}

#buttonszone_index h1
{
	margin: 0;
	font-weight: bolder;
}

#imgindex_zone
{
	margin: auto;	
}
#imgindex_zone td
{
	padding: 20px;	
}

.bloc_exportexcel_index
{
	width: 70%;
	padding: 0;
	margin: auto;
	vertical-align: middle;
	margin-top: -20px;
}


/*************************** Mise en page blocs titres dans les modules ***************************/

#bloc_titre
{
	margin: 10px 10px 20px 10px;
	padding: 8px 8px 15px 8px;
	border: solid 1px rgb(191,191,191);/*gris fonc� +*/
}

#bloc_titre h1
{
	font-size: 110%;
	margin: 0 0 5px 0;
}

#bloc_titre .strong_blue_titre, .bloc_suivi  .strong_blue, .bloc_resultats .strong_blue, .bloc_exportexcel .strong_blue
{
	font-size: 120%;
	color: rgb(0,112,192);/*bleu*/
}

#bloc_titre .strong_blue, #reponse_choixuser_new .strong_blue, #reponse_choixuser_select .strong_blue
{
	color: rgb(0,112,192);/*bleu*/
}

#bloc_titre .strong_orange, .template_bas .strong_orange, #reponse_choixuser_new .strong_orange, #reponse_choixuser_select .strong_orange
{
	color: rgb(255,180,0);/*orange*/
	font-weight: bold;
}

#bloc_titre .strong_greeny, .template_bas .strong_greeny, .p_apercu_ci_dessous .strong_greeny
{
	color: rgb(4,221,4);/*vert*/	
}

#bloc_titre  ol
{
	font-size: 85%;
	padding-left: 35px;
	border-left: 1px solid;
	margin: 0 10px;
	font-style: italic;
}

#bloc_titre p
{
	margin: 0;
}

#bloc_titre ul
{
	list-style-position: outside;
	padding-left: 20px;
	padding-right: 5px;
}

.note3
{
	font-family: Verdana,Arial, sans-serif;
	font-size: 80%;
	color: grey;

	margin:0;
	padding:0;
	margin-top: 20px;
	font-style: italic;
}

.p_titre_sondage_ds_choixuserrep
{
	margin: 10px;
}

/*************************** Mise en page formulaire creation & modifier & reponse & visualize ***************************/

fieldset
{
	font-size: 85%;
	border: solid 3px rgb(0,112,192);/*bleu*/
	padding: 5px 10px 10px 10px;

	border-radius: 6px;/*KO IE dans tous les cas*/
	-webkit-border-radius: 6px;/*pour marcher sur d'ancien navigateur, besoin de prefixer*/
	-moz-border-radius: 6px;/*pour marcher sur d'ancien navigateur, besoin de prefixer*/
	
	margin-bottom:10px;
	/*margin-bottom:10px\9;/*hack css pour ie*/
	/*margin-top:10px\9;/*hack css pour ie*/
	
	/*background-color:rgb(220,230,240);/*un autre bleu clair...*/
}

fieldset legend
{
	font-weight: bold;

	/*desactiv� car la nouvelle version IE gere mieux et le hack fait n'imp du coup
	/*
	position:relative\9;/* arg ca c'est pour IE qui gere mal le fieldset et sa legende: sans ca et en dessous ca depasse au dessus*/
	/*
	top: -15px\9;/*hack css pour ie*/
	
	
	color: rgb(0,112,192);/*bleu*/
	
	border: solid 3px rgb(0,112,192);/*bleu*/
	
	/*background-color:rgb(220,230,240);/*un autre bleu clair...*/
	
	border-radius: 4px;/*KO IE dans tous les cas*/
	-webkit-border-radius: 4px;/*pour marcher sur d'ancien navigateur, besoin de prefixer*/
	-moz-border-radius: 4px;/*pour marcher sur d'ancien navigateur, besoin de prefixer*/
}


.nomsonde_rep_fieldset, .nomsonde_rep_legend
{
	border: solid 3px rgb(255,180,0);/*orange*/
}
.nomsonde_rep_legend
{
	color: rgb(255,180,0);/*orange*/
}

#titre,#desc,.question,.texte_aide,#modeacces,.type_reponse,.reponse,#mail_adm,#mails_sondes,.reponse_tl,.reponse_ld,input[type="text"],#texte_mail_nouscontacter,#blocavis_texte
{
	border: solid 1px silver;
	background-color: rgb(220,230,242);/*bleu clair*/
}
#titre,#mail_adm,#mail_nouscontacter
{
	width: 95%;
	height: 1.2em;
}
#desc,#mails_sondes
{
	width: 95%;
	height: 3.6em;
}
#texte_mail_nouscontacter
{
	width: 95%;
	height: 6em;
}
.question,.texte_aide,.reponse_tl
{
	width: 85%;
	height: 2.4em;
}
.reponse_ld
{
	max-width: 580px;
}

.autourcheckbox
{
	width:13px;
	height:13px;
	background-color: rgb(220,230,242);/*bleu clair*/
	border: solid 3px rgb(220,230,242);/*bleu clair*/
}
.autourradiobutton
{
	width:13px;
	height:13px;
	background-color: rgb(220,230,242);/*bleu clair*/
	border: solid 1px rgb(220,230,242);/*bleu clair*/
}

input[type="checkbox"]
{
	margin: 0;
}
select
{
	font-family: Verdana,Arial, sans-serif;
	font-size: 90%;
	height: 1.8em;
	vertical-align: middle;
}
.infobulle
{
	margin:0;
	vertical-align:middle;
}
.bloc_suite_fieldset_questionnaire
{
	/*
	width: 48%;
	margin: 10px 5px;
	*/
}
.bloc_suite_fieldset_question
{
	width: 30%;
	margin: 10px 5px;
	float:left;
}

.type_reponse
{
	width: 100%;	
}

.reponse
{
	width: 200px;
	height: 1.2em;
}
.td_labelreponse
{
	width: 140px;
}

#titre:focus,#desc:focus,.question:focus,.texte_aide:focus,.reponse:focus,.type_reponse:focus,#resultforsondes:focus,.oblig:focus, .reponse_tl:focus, #modeacces:focus,#mail_adm:focus,#mails_sondes:focus,input[type="text"]:focus,.bool_texteaide:focus,#texte_mail_nouscontacter:focus,#blocavis_texte:focus, .focuspourIE
{
	border: ridge 2px blue;
	text-decoration: none;
}

.bloc_reponse
{
	clear: both;
	margin-left: 30px;
	border-left: solid 1px silver;
}
.bloc_texte_aide
{
	clear: both;
	margin-top:10px;
}

.note
{
	font-size: 80%;
	color: grey;
	text-align: right; 
	margin:0;
	padding:0;
	margin-right: 30px;
	font-style: italic;
}

.note2
{
	font-size: 70%;
	color: grey;
	text-align: right; 
	margin:0 5px 10px 0;
	padding:0;
	font-style: italic;
}
.note4
{
	font-size: 80%;
	color: grey;
	text-align: right; 
	margin:0;
	padding:0;
	margin-right: 5px;
	font-style: italic;
}

textarea
{
	font-size: 85%;	
}

#title_part
{
	padding:0 5px 20px 15px;
}

#title_part h2
{
	margin-bottom: 0;
}
#title_part p
{
	margin-top: 15px;
}

.question_rep_libelle
{
	/*font-weight: bold;*/
	font-size: 110%;	
	margin: 5px 0 10px 5px;
}
.texteaide_rep
{
	font-style: italic;
	margin-bottom: 10px;
	font-size: 95%;
}
.comment_oblig
{
	font-style: italic;
	font-weight: bold;
	margin: 0 10px;
	font-size: 90%;
	color: rgb(0,0,85);/*bleu fonc�*/
	font-family: Verdana,Arial, sans-serif;
	float: right;
}

#div_bypasswarnings
{
	font-family: Verdana,Arial, sans-serif;
	font-size: 90%;
}

.cr_affiche_new_or_bdd
{
	font-size: 80%;
	color: blue;	
	font-style: italic;
}
.q_affiche_new_or_bdd
{
	font-size: 80%;
	color: blue;	
	font-style: italic;
	
	float: right;
	margin-right: 10px;

}



.choix_mode_access
{
	padding-left: 10px;
	border-left: 1px solid;
	margin: 0 0 10px 10px;

}

#parametres_questionnaire
{
	border-collapse: collapse;
	font-size: 90%;
	margin-top: 5px;
}

#parametres_questionnaire td
{
	width: 50%;
	border: dotted 1px grey;
	padding: 10px 10px 10px 10px;
}


#parametres_questionnaire ul
{
	list-style-type:disc;
	padding-left: 25px;
}

#parametres_questionnaire input
{
	margin: 2px 5px ;
	float: left;

}

.option
{
	font-size: 110%;
	color: rgb(255,128,0);/*orange*/
	font-weight: bold;
	display: block;
	margin-left: 22px;
	/*float: right;*/
	
	/*font-style: italic;*/
}
.textoption
{
	clear: both;
	display: block;
	margin-top: 5px;
	color: rgb(100,100,100);
	/*padding-left: 26px;
	margin-bottom:5px;*/
}
.textchoixoption
{
	font-size: 110%;
	color: rgb(0,112,192);/*bleu*/
	font-style: italic;
	/*font-weight: bold;*/
}

#titre_option
{
	margin : 20px;
	font-style: italic;
	color: rgb(191,191,191);/*gris fonc� +*/
	text-align: justify;
	
}

#mail_suite
{
	width: 93%;
	margin: auto;
}

#bloc_mails_sondes table
{
	font-size: 95%;	
}

.premierecolonne_codeconfirmation
{
	width: 70%;
}


/*************************** Mise en page Boutons tous modules ***************************/
.decrement:hover, .increment:hover,.decrement_cr:hover, .increment_cr:hover, .supprimer:hover,.suppr_rep:hover,.crea_rep:hover,#newQuestionButton:hover,#envoyer:hover,#envoyerMails:hover,#precedent:hover,#go_codes:hover,#envoyerRep:hover,.button_resultatsuivi_cache:hover,.button_resultatsuivi_affiche:hover, .button_cache:hover, .button_affiche:hover,#buttonExportExcel:hover,#buttonExportExcel_index:hover,.img_index:hover,#envoyerCodeConfirmation:hover,.pie_button:hover,.bar_button:hover/*,#flag_fr:hover,#flag_us:hover*//*point�*/
{
	border: 1px silver dotted;
}

.decrement:active , .increment:active,.decrement_cr:active , .increment_cr:active, .supprimer:active,.suppr_rep:active,.crea_rep:active,#newQuestionButton:active,#envoyer:active,#envoyerMails:active,#precedent:active,#go_codes:active,#envoyerRep:active,.button_resultatsuivi_cache:active,.button_resultatsuivi_affiche:active,.button_cache:active, .button_affiche:active,#buttonExportExcel:active,#buttonExportExcel_index:active,#envoyerCodeConfirmation:active,.pie_button:active,.bar_button:active/*,#flag_fr:active,#flag_us:active/ /*s�lectionn�*/
{
	border: 1px grey solid;
}

.decrement
{
	background:url("../question/images/haut_35px.png") top right no-repeat;
	width:35px;
	height:35px;
	margin: 0;
	padding: 0;
	border: none;
	font-size: 0%;
	float: right;
	margin-top: -10px;
	margin-right: -5px;
}
.increment
{
	background:url("../question/images/bas_35px.png") top right no-repeat;
	width:35px;
	height:35px;
	margin: 0;
	padding: 0;
	border: none;
	font-size: 0%;
	float: right;
	margin-top: -10px;
}
.supprimer
{
	background:url("../question/images/suppr_35px.png") top right no-repeat;
	width:35px;
	height:35px;
	margin: 0;
	padding: 0;
	border: none;
	font-size: 0%;
	float: right;
	margin-top: -35px;
}
.suppr_rep
{
	background:url("../question/images/suppr_20px.png") top right no-repeat;
	width:20px;
	height:20px;
	margin: 0;
	padding: 0;
	border: none;
	font-size: 0%;
	vertical-align: middle;
}
.crea_rep
{
	background:url("../question/images/plusrond_30px.png") top right no-repeat;/*background:url("icones/plus_30px.png") top right no-repeat;*/
	width:30px;
	height:30px;
	margin: 0;
	padding: 0;
	border: none;
	font-size: 0%;
	vertical-align: middle;
}
#newQuestionButton
{
	background:url("../question/images/plusrond_40px.png") top right no-repeat;/*background:url("icones/plus_40px.png") top right no-repeat;*/
	width:40px;
	height:40px;
	margin: 0;
	margin-left:20px;
	padding: 0;
	border: none;
	font-size: 0%;
}
#envoyer, #envoyerRep
{
	background:url("../question/images/enregistrer_40px.png") top right no-repeat;
	width:140px;
	height:40px;
	margin: 0;
	padding: 0;
	border: none;
	font-size: 60%;
	font-weight: bold;
	font-style: italic;
	color: rgb(0,0,85);/*bleu fonc�*/
	float: right;
}
#envoyerRep
{
	width:200px;
}
.clear
{
	clear: right;
}
#envoyerMails
{
	background:url("../question/images/enreg-enveloppe_45px.png") top right no-repeat;
	width:240px;
	height:45px;
	margin: 0;
	padding: 0;
	border: none;
	font-size: 60%;
	font-weight: bold;
	font-style: italic;
	color: rgb(0,0,85);/*bleu fonc�*/
	float: right;
}
#precedent
{
	background:url("../question/images/precedent2_40px.png") top right no-repeat;
	width:40px;
	height:40px;
	margin: 0;
	padding: 0;
	border: none;
	font-size: 0%;
	display: inline;
}
#envoyerCodeConfirmation
{
	font-size: 120%;
	font-weight: bold;
	font-style: italic;
	color: rgb(0,112,192);/*bleu*/
	width: 140px;
}
#go_codes
{
	background:url("../question/images/loupe_40px.png") top right no-repeat;
	width:40px;
	height:40px;
	margin: 0;
	padding: 0;
	border: none;
	font-size: 0%;
	margin-left: 5px;
}

.button_cache
{
	float:right;
	background:url("../question/images/plier_25px.png") top right no-repeat;
	width:25px;
	height:25px;
	margin: 0;
	padding: 0;
	border: none;
	font-size: 0%;
	margin-bottom: 5px;
}




#cache_suivi,#affiche_suivi
{
	margin-right:20px;
}


.decrement_cr
{
	background:url("../question/images/haut_20px.png") top right no-repeat;
	width:20px;
	height:20px;
	margin: 0;
	padding: 0;
	border: none;
	font-size: 0%;
	/*float: right;
	margin-top: -10px;*/
	margin-right: -5px;
}
.increment_cr
{
	background:url("../question/images/bas_20px.png") top right no-repeat;
	width:20px;
	height:20px;
	margin: 0;
	padding: 0;
	border: none;
	font-size: 0%;
	/*float: right;
	margin-top: -10px;*/
}





/*************************** Mise en page Liste questionnaire ***************************/

.div_liste
{
	border: solid 3px rgb(0,112,192);/*bleu*/
	padding: 5px 10px 10px 10px;
	font-size: 90%;

	border-radius: 6px;/*KO IE dans tous les cas*/
	-webkit-border-radius: 6px;/*pour marcher sur d'ancien navigateur, besoin de prefixer*/
	-moz-border-radius: 6px;/*pour marcher sur d'ancien navigateur, besoin de prefixer*/
	
	margin:0 10px;
}

.div_liste table, .div_liste td, .div_liste th
{
	border: solid 2px rgb(191,191,191);/*gris fonc� +*/ /*rgb(0,0,85);/*bleu fonc�*/
	padding: 0 5px;
	border-collapse: collapse;
}
.div_liste table
{
	width: 90%;
	margin: auto;
}
.div_liste .number
{
	width: 25px;
	text-align: center;
}

.div_pagesnav
{
	margin:0 10px;
	font-size: 90%;
}

.div_pagesnav .pagequestion_courante a
{
	font-weight: bold;
	color: black;
}

/*************************** Mise en page infobulles ***************************/

.span_infobulle_autour
{
	position:relative;
	z-index:24;
}
 
.span_infobulle_autour:hover
{
	z-index:25;
}

.span_infobulle_dedans
{
	display: none
}
 
.span_infobulle_autour:hover .span_infobulle_dedans
{
	display:block;
	position:absolute;
	top:2em; left:2em; width:30em;
	font-size:80%;
	border:1px solid black; /*rgb(191,191,191);/*gris fonc� +*/
	background-color: rgb(242,242,242);/*gris clair*/	/*rgb(191,191,191);/*rgb(217,217,217);/*gris fonc� -*/
	padding:5px;
	
	border-radius: 3px;/*KO IE dans tous les cas*/
	-webkit-border-radius: 3px;/*pour marcher sur d'ancien navigateur, besoin de prefixer*/
	-moz-border-radius: 3px;/*pour marcher sur d'ancien navigateur, besoin de prefixer*/
}

/*************************** Mise en page FAQ ***************************/

.faq
{
	font-size: 85%;
}

.faq .strong_greeny
{
	color: rgb(4,221,4);/*vert*/	
}

.faq .strong_blue
{
	color: rgb(0,112,192);/*bleu*/
}

.faq div.faq_qr, .faq p.faq_p_fin
{
	margin: 10px;
	padding: 5px;
	border: solid 1px rgb(191,191,191);/*gris fonc� +*/
}

.faq p.q
{
	border-bottom: solid 1px rgb(191,191,191);/*gris fonc� +*/
	padding-bottom: 5px;
	margin-bottom: 5px;
	font-size:120%;
}

.faq p.faq_p_fin
{
	font-style: italic;
}

/*************************** Mise en page bazinga ***************************/

.divbazinga
{
	margin: 30px;
	padding: 5px;
	border: solid 1px rgb(191,191,191);/*gris fonc� +*/
	font-size:90%;
}

/*************************** Mise en page module question fixe ***************************/

#modulequestionfixe
{
    position: fixed;
    right: 0px;
    /*bottom: -100px;*/
	
	z-index: 100;
	
	width: 300px;
	/*height: 120px;*/
	text-align: left;
	
	
	background-color: rgb(51,51,51);/*gris tr�s tr�s fonc� presque noir*/
	color: white;
	
	padding: 10px;
	margin-right: 10px;
	
	border-radius: 10px 10px 0px 0px;/*KO IE dans tous les cas*/
	-webkit-border-radius: 10px 10px 0px 0px;/*pour marcher sur d'ancien navigateur, besoin de prefixer*/
	-moz-border-radius: 10px 10px 0px 0px;/*pour marcher sur d'ancien navigateur, besoin de prefixer*/

}

#modulequestionfixe label
{
	font-size: 80%;
	width: 95%;
}

#blocavis_texte, #blocavis_mail
{
	width: 95%;
}

#blocavis_texte
{
	height: 3.6em;
}

#titre_blocavis
{
	font-size: 95%;
	text-align: center;
	padding-bottom: 12px;
	margin-bottom: 5px;
	border-bottom: solid 1px white;
}

#blocavis_mail_label
{
	display: block;
	line-height: 90%;
	margin-top: 5px;
}

#modulequestionfixe .note
{
	font-size: 60%;
	text-align: left;
	line-height: 95%;
	margin-top: 5px;
	margin-bottom: 5px;
}

#blocavis_bazinga
{
	font-size: 90%;
	text-align: center;	
}